<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>IFE JavaScript Task 02</title>
    <style>
        #num-area div {
            display: inline-block;
            margin: 5px;
            padding: 0 18px;
            text-align: center;
            font: 25px/50px "yahei";
            color: #fff;
            cursor: pointer;
            background-color: #F04C57;
        }
    </style>
</head>

<body>
<label>
    <input id="num-input" type="text">
    <button id="from-left">左侧入</button>
    <button id="from-right" style="margin-right: 15px">右侧入</button>
    <button id="to-left">左侧出</button>
    <button id="to-right">右侧出</button>
</label>

<div id="num-area">
</div>
<script src="js/Task18.js"></script>
</body>
</html>